<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/logintest.css"/>
	<script type="text/javascript" src="layui/layui.all.js"></script>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/api.js"></script>
	<link rel="icon" href="http://39.105.94.75:88/img/favicon.ico">
	<title>登录测试</title>
</head>
<body>
<div class="wrap">
	<img src="../../img/login.jpg" class="imgStyle">
	<div class="loginForm">
		<form id="lin">
			<div class="logoHead">
				<h2 style="margin-top: 15px">曦媛登录注册测试页面</h2>
			</div>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>用户名:</label>
				</div>
				<div class="usernameDiv">
					<i class="layui-icon layui-icon-username adminIcon"></i>
					<input id="loginUsername" class="layui-input adminInput" type="text" name="stu_phone" placeholder="输入手机号" >
				</div>
			</div>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>密码:</label>
				</div>
				<div class="passwordDiv">
					<i class="layui-icon layui-icon-password adminIcon"></i>
					<input id="loginPassword" class="layui-input adminInput" type="password" name="stu_password" placeholder="输入密码">
				</div>
			</div>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>验证码:</label>
				</div>
				<div class="cardDiv">
					<input id="loginCard" class="layui-input cardInput" type="text" name="card" placeholder="输入验证码">
				</div>
				<div class="codeDiv">
					<input id="loginCode" class="layui-input codeInput"  type="button">
				</div>
			</div>
			<div class="usernameWrapDiv">
				<div class="submitLabel">
					<label>没有账号？<a href="#" id="loginRegister">点击注册</a></label>
				</div>
				<div class="submitDiv">
					<input id="loginBtn" type="button" class="submit layui-btn layui-btn-primary" value="登录"></input>
				</div>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script>
	layui.use(['layer'],function () {
		var layer = layui.layer;
	})
	$(function () {
		// 页面初始化生成验证码
		window.onload = createCode('#loginCode');
		// 验证码切换
		$('#loginCode').click(function () {
			createCode('#loginCode');
		});
		// 登陆事件
		$('#loginBtn').click(function () {
			login();
		});
		// 注册事件
		$('#loginRegister').click(function () {
			register();
		});
	});

</script>

</body>
<div class="registerPage">
	<div class="registerDiv">
		<form>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>用户名:</label>
				</div>
				<div class="usernameDiv">
					<i class="layui-icon layui-icon-username adminIcon"></i>
					<input id="registerUsername" class="layui-input adminInput" type="text" name="username" placeholder="输入用户名" >
				</div>
			</div>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>密码:</label>
				</div>
				<div class="passwordDiv">
					<i class="layui-icon layui-icon-password adminIcon"></i>
					<input id="registerPassword" class="layui-input adminInput" type="password" name="password" placeholder="输入密码">
				</div>
			</div>
			<div class="usernameWrapDiv">
				<div class="usernameLabel">
					<label>确认密码:</label>
				</div>
				<div class="passwordDiv">
					<i class="layui-icon layui-icon-password adminIcon"></i>
					<input id="registerWellPassword" class="layui-input adminInput" type="password" name="password" placeholder="输入密码">
				</div>
			</div>
		</form>
	</div>
</div>
</html>
